<script setup lang="ts">
  import Menu from '@/components/Layout/menu.vue'
  import Header from '@/components/Layout/header.vue'
  import { onMounted } from 'vue'
  import { useLoadingBar } from 'naive-ui'
  import store from '@/utils/store'
  defineOptions({
    name: 'Home',
    inheritAttrs: false
  })
  onMounted(() => {
    const loadingBar = useLoadingBar()
    store.loadingBar = loadingBar
  })
</script>
<template>
  <Menu></Menu>
  <div class="flex flex-col flex-1 overflow-hidden">
    <Header></Header>
    <main class="flex-1 overflow-x-hidden overflow-y-auto">
      <router-view></router-view>
    </main>
  </div>
</template>
